<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>悠U - 修改之后的 </title>
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="${path}/plugins/bootstrap/css/bootstrap.css" type="text/css">
    <!-- 引入外部的css样式 -->
    <!-- 删除替换的 -->
    <!-- <link rel="stylesheet" href="../../plugins/bootstrap/css/animate.css" type="text/css"> -->
    <!-- <link rel="stylesheet" href="../../plugins/bootstrap/css/font-awesome.css?v=4.4.0" type="text/css"> -->
    <link href="${path}/H+/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="${path}/H+/css/animate.css" rel="stylesheet">
    <!-- 引用自己写的css样式 -->
    <link href="${path}/css/index/index.css" rel="stylesheet" type="text/css">
    <style>

    </style>
</head>

<body>

<%@include file="common/nav_top.jsp"%>
<!--轮播 - banner - begin-->
<div class="banner_container">
    <div class="container">
        <ul id="banner-box">
            <li style="z-index: 3;opacity: 1;">
                <a href="">
                    <img src="http://pzgv309jp.bkt.clouddn.com/ef9475e7-5d9d-4f9b-a5e7-38f3fdd5d2f9.jpg" alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>唯有旅行与美食，不负时光</h2>
                    </div>
                </a>
            </li>
            <li style="z-index: 1;opacity: 1;">
                <a href="">
                    <img src="https://n4-q.mafengwo.net/s14/M00/78/71/wKgE2l15xeyAGP_NAAbXnvbYGdA308.jpg?imageMogr2%2Finterlace%2F1"
                         alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>印度尼西亚︱我的人生伏笔，从东爪哇到巴厘岛</h2>
                    </div>
                </a>
            </li>
            <li style="z-index: 1;opacity: 1;">
                <a href="">
                    <img src="http://pzgv309jp.bkt.clouddn.com/aa5ab1e5-03aa-4cf7-91f0-8a88998ca4d4.jpg" alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>天地山水，超你所愿（附12天加拿大自驾指南）</h2>
                    </div>
                </a>
            </li>
            <li style="z-index: 1;opacity: 1;">
                <a href="">
                    <img src="http://pzgv309jp.bkt.clouddn.com/224a880e-d2dd-4fca-8300-eacf8015951d.jpg" alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>锦州 | 2天暴食13顿，这是一座来了没时间观光的城市！</h2>
                    </div>
                </a>
            </li>
            <li style="z-index: 1;opacity: 1;">
                <a href="">
                    <img src="https://b3-q.mafengwo.net/s14/M00/43/49/wKgE2l12JriAGm53AAduwcseKIs827.jpg?imageMogr2%2Finterlace%2F1"
                         alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>澳之秘境，倾翻的浪漫盐池——西澳南澳自驾笔记</h2>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <ul id="banner-index-box" class="banner-index-box">
        <li class="banner-index-active">
            <img src="http://pzgv309jp.bkt.clouddn.com/ef9475e7-5d9d-4f9b-a5e7-38f3fdd5d2f9.jpg" alt="">
            <span></span>
        </li>
        <li>
            <img src="https://n4-q.mafengwo.net/s14/M00/78/71/wKgE2l15xeyAGP_NAAbXnvbYGdA308.jpg?imageMogr2%2Finterlace%2F1"
                 alt="">
            <span></span>
        </li>
        <li>
            <img src="http://pzgv309jp.bkt.clouddn.com/aa5ab1e5-03aa-4cf7-91f0-8a88998ca4d4.jpg" alt="">
            <span></span>
        </li>
        <li>
            <img src="http://pzgv309jp.bkt.clouddn.com/224a880e-d2dd-4fca-8300-eacf8015951d.jpg" alt="">
            <span></span>
        </li>
        <li>
            <img src="https://b3-q.mafengwo.net/s14/M00/43/49/wKgE2l12JriAGm53AAduwcseKIs827.jpg?imageMogr2%2Finterlace%2F1"
                 alt="">

            <span></span>
        </li>
    </ul>
</div>

<!-- 轮播 end -->
<!-- body 导航 -->
<div class="container" style="margin-top: 20px;">
    <div class="row">
        <h3>精彩推荐</h3>
    </div>
</div>

<!-- 热门推荐  begin -->
<div class="container-fluid" id="tui">
    <div class="row">
        <div class="col-md-1">
            <div style="height: 100px">

            </div>
            <ul class="list-group nav nav-pills" >
                <li class="list-group-item" style="padding:2px"><a href="#tui">精彩推荐</a></li>
                <li class="list-group-item" style="padding:2px"><a href="#hot">热门景点</a></li>
                <li class="list-group-item" style="padding:2px"><a href="#play">攻略玩法</a></li>
            </ul>
        </div>
        <div class="col-md-9">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/c3d2fba7-dcb7-45d3-bc5e-8e196fac9f02.jpg" alt="通用的占位符缩略图" style="height:180px;width:100%;">
                            <div class="caption" style="overflow:hidden">
                                <p>乌镇东山+西塘一日游+夜宿西西巴士2日游</p>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>347</em></span>
                            </div>
                            <div style="overflow:hidden">
                                    <span
                                            style="font-size:10px ;color: rgb(107, 102, 102);float: left;overflow:hidden">悠U网提供</span>
                                <span
                                        style="font-size:10px ;color: rgb(107, 102, 102);float: right;overflow:hidden">苏州出发</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/79db1539-430e-4e67-9e38-dab0d492c293.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <p>无锡灵山大佛汽车1日跟团游<br>祈福之旅精彩在线免费导游</p>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>167</em></span>

                            </div>
                            <div style="overflow:hidden">
                                    <span
                                            style="font-size:10px ;color: rgb(107, 102, 102);float: left;overflow:hidden">悠U网提供</span>
                                <span
                                        style="font-size:10px ;color: rgb(107, 102, 102);float: right;overflow:hidden">苏州出发</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/a1100045-1c4f-4069-b003-002c4f9739af.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <p>【赠免费巴士】长江三峡——总统系列游轮 宜昌-重庆 4晚5日</p>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>1507</em></span>
                            </div>
                            <div style="overflow:hidden">
                                    <span
                                            style="font-size:10px ;color: rgb(107, 102, 102);float: left;overflow:hidden">悠U网提供</span>
                                <span
                                        style="font-size:10px ;color: rgb(107, 102, 102);float: right;overflow:hidden">宜昌出发</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/a686b12a-eb57-4ce7-9d5f-ff3843b9ae1b.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <p>住琅琊山荣毅山水酒店,畅玩林鹤优美的滁州琅琊山美景合</p>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>542</em></span>
                            </div>
                            <div style="overflow:hidden">
                                    <span
                                            style="font-size:10px ;color: rgb(107, 102, 102);float: left;overflow:hidden">悠U网提供</span>
                                <span
                                        style="font-size:10px ;color: rgb(107, 102, 102);float: right;overflow:hidden">苏州出发</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/4c7198b8-d763-4206-8ebe-f8f3078b6809.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <p>杭州+上海高铁往返2日跟团游，常州出发 乘船游西湖 </p>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>721</em></span>
                            </div>
                            <div style="overflow:hidden">
                                    <span
                                            style="font-size:10px ;color: rgb(107, 102, 102);float: left;overflow:hidden">悠U网提供</span>
                                <span
                                        style="font-size:10px ;color: rgb(107, 102, 102);float: right;overflow:hidden">苏州出发</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/79ceeeab-4d54-48ad-98ba-94f6b8daa813.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <p>杭州+上海高铁往返2日跟团游，常州出发 乘船游西湖 </p>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>721</em></span>
                            </div>
                            <div style="overflow:hidden">
                                    <span
                                            style="font-size:10px ;color: rgb(107, 102, 102);float: left;overflow:hidden">悠U网提供</span>
                                <span
                                        style="font-size:10px ;color: rgb(107, 102, 102);float: right;overflow:hidden">苏州出发</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/8d1693ac-5ed2-4594-9892-5581e7179869.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <p>杭州+上海高铁往返2日跟团游，常州出发 乘船游西湖 </p>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>721</em></span>
                            </div>
                            <div style="overflow:hidden">
                                    <span
                                            style="font-size:10px ;color: rgb(107, 102, 102);float: left;overflow:hidden">悠U网提供</span>
                                <span
                                        style="font-size:10px ;color: rgb(107, 102, 102);float: right;overflow:hidden">苏州出发</span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="container-fluid">
                <div class="row" style="background-color: rgb(215, 238, 247)">
                    <div>
                        <br>
                        热门城市
                        <br><br>
                        <ul style="list-style: none;font-size: 13px;color: royalblue">
                            <li>苏州&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;滁州&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;合肥&nbsp;&nbsp;&nbsp;&nbsp;成都
                            </li>
                            <li>南京&nbsp;&nbsp;&nbsp;&nbsp;马鞍山&nbsp;&nbsp;&nbsp;&nbsp;宣城&nbsp;&nbsp;&nbsp;&nbsp;无锡
                            </li>
                            <li>西安&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;镇江&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上海&nbsp;&nbsp;&nbsp;&nbsp;云南
                            </li>
                            <li>上海&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;北京&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;常州&nbsp;&nbsp;&nbsp;&nbsp;扬州
                            </li>
                        </ul>
                        <br>
                        <br>
                        主题活动
                        <br><br>
                        <ul style="list-style: none;font-size: 13px;color: royalblue">
                            <li>名胜古迹&nbsp;&nbsp;&nbsp;&nbsp;博物馆&nbsp;&nbsp;&nbsp;&nbsp;城市风光
                            </li>
                            <li>历史遗迹&nbsp;&nbsp;&nbsp;&nbsp;寺庙&nbsp;&nbsp;&nbsp;&nbsp;主题乐园
                            </li>
                            <li>公园&nbsp;&nbsp;&nbsp;&nbsp;房车露营
                            </li>
                        </ul>
                    </div>
                    <div>
                        <div style="float: left"><img src="http://pzgv309jp.bkt.clouddn.com/35d5c6b1-559c-4f0c-997f-9932be788263.jpg" height="60px" width="60px"
                                                      style="border-radius: 50%;margin: 10px 20px"></div>
                        <div style="float: left;margin: 20px 8px">当季热门<br>
                            解锁好去处
                        </div>
                    </div>
                    <div>
                        <div style="float: left;clear: both;"><img src="http://pzgv309jp.bkt.clouddn.com/6dc23ab0-6218-4cc1-8382-cf097451c9ea.jpg" height="60px"
                                                                   width="60px" style="border-radius: 50%;margin: 10px 20px"></div>
                        <div style="float: left;margin: 20px 8px">热门酒店<br>
                            舒适安心<br><br><br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<!-- body 导航 -->
<div class="container" style="margin-top: 20px;" id="hot">
    <div class="row">
        <h3>热门景点</h3>
    </div>
</div>

<!-- 热门景点 -->
<div class="container-fluid">
    <div class="row">
        <div class="col-md-1">
        </div>
        <div class="col-md-9">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/0c6da14e-b891-4e13-8cb4-cfa35080db6b.jpg" alt="通用的占位符缩略图" style="height: 158px;width:100%;">
                            <div class="caption" style="overflow:hidden">
                                <span style="float: left;">扬州西湖</span>
                                <br>
                                热门景点,消费娱乐的好去处<br>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>80</em></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3" style="padding: 0px">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/2f985987-11fa-40d0-bec0-4f120969886e.jpg" alt="通用的占位符缩略图" style="height: 200px">
                            <div class="caption" style="overflow:hidden">
                                <span style="float: left;">扬州西湖</span>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>80</em></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3" >
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/f63d48b1-3bfe-4e52-b968-5c8bc1c502bc.jpg" alt="通用的占位符缩略图" style="height: 200px">
                            <div class="caption" style="overflow:hidden">
                                <span style="float: left;">扬州西湖</span>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>80</em></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2" style="padding-right: 0px;padding-left: 3px">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/51911744-acb5-41b4-885f-03c983da5a0c.jpg" alt="通用的占位符缩略图" style="height: 200px;" >
                            <div class="caption" style="overflow:hidden">
                                <span style="float: left;">扬州西湖</span>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>80</em></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/2df7d966-4de4-4ad0-a081-be373f92ab81.jpg" alt="通用的占位符缩略图" style="height: 158px;width:100%;">
                            <div class="caption" style="overflow:hidden">
                                <span style="float: left;">扬州西湖</span>
                                <br>
                                热门景点,消费娱乐的好去处<br>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>80</em></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3" style="padding:0px">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/5ee35745-1f50-411c-839e-c3d674254a33.jpg" alt="通用的占位符缩略图" style="height: 200px">
                            <div class="caption" style="overflow:hidden">
                                <span style="float: left;">东方明珠</span>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>80</em></span>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3" style="float: left">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/c8ca8695-aeda-4eb5-bea0-ab7b4baf4dba.jpg" alt="通用的占位符缩略图" style="height: 200px">
                            <div class="caption" style="overflow:hidden">
                                <span style="float: left;">扬州西湖</span>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>80</em></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2" style="padding-right: 0px;padding-left: 3px">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/41c5628f-0ea7-43de-8bb9-5cd1af81ff25.jpg" alt="通用的占位符缩略图" style="height: 200px">
                            <div class="caption" style="overflow:hidden">
                                <span style="float: left;">韭菜洞</span>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>40</em></span>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="imgs/index/rm_042.jpg" alt="通用的占位符缩略图" class="box">
                            <div class="caption" style="overflow:hidden">
                                <span style="float: left;">朝天宫 </span>
                                <span style="float: right;">&nbsp;起</span>
                                <span style="float: right;color: red"><i>¥</i><em>9</em></span>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
        <div class="col-md-1">
            <img src="http://pzgv309jp.bkt.clouddn.com/822b80c7-93e1-4690-870d-21dd471b4f7d.jpg" alt="">
        </div>
    </div>
</div>
<!-- body 导航 -->
<div class="container" style="margin-top: 20px;" id="play">
    <div class="row">
        <h3>攻略玩法</h3>
    </div>
</div>

<!-- 攻略玩法 -->
<div class="container-fluid">
    <div class="row">
        <div class="col-md-1">

        </div>
        <div class="col-md-9">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/dff0f82d-a825-4cb9-8582-5b150d83f3e8.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <h3 align="center">杭州</h3>
                                <p style="text-align:center">西子湖畔人间天堂</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/ac44859e-4ecf-48bc-9ce1-720833db4f47.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <h3 align="center">丽江</h3>
                                <p style="text-align:center">一米阳光</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/959566d1-d4a3-4acf-b01f-cfa5edeff8f9.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <h3 align="center">苏州</h3>
                                <p style="text-align:center">古色古香书卷气</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/9f1dec45-fd84-424e-8b7f-6c3ba97e62f9.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <h3 align="center">成都</h3>
                                <p style="text-align:center">吃辣在巴蜀</p>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/9f1dec45-fd84-424e-8b7f-6c3ba97e62f9.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <h3 align="center">圣里西尼</h3>
                                <p style="text-align:center">蜜月好去处</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/295652f7-2baf-4d54-8554-db29c80ffcb0.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <h3 align="center">北京</h3>
                                <p style="text-align:center">流光溢彩在首都</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/95488fdd-8f2a-4e7c-bd94-ddc2c46f0ebb.jpg" alt="通用的占位符缩略图">
                            <div class="caption" style="overflow:hidden">
                                <h3 align="center">张家界</h3>
                                <p style="text-align:center">惊险刺激玻璃栈道</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <img src="http://pzgv309jp.bkt.clouddn.com/61ea3dce-fd06-459d-8320-2009f53e6b54.jpg" alt="通用的占位符缩略图" class="box">
                            <div class="caption" style="overflow:hidden">
                                <h3 align="center">冲绳</h3>
                                <p style="text-align:center">花样玩法等你来</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-1">
            <img src="http://pzgv309jp.bkt.clouddn.com/bbc4dc80-1bcb-45b0-a434-d6e64444bae9.jpg" alt="">
        </div>
    </div>
</div>

<!-- body  end -->

<%@include file="common/nav_bottom.jsp"%>

<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<script src="${path}/plugins/jquery/jquery.min.js"></script>
<!--引入bootstrap的js文件-->
<script src="${path}/plugins/bootstrap/js/bootstrap.js"></script>

<!-- 自定义js -->
<script src="${path}/js/content.js?v=1.0.0"></script>
<script src="${path}/js/index/lunbo.js"></script>

<script>
    $(document).ready(function () {
        $('.col-md-3').each(function () {
            animationHover(this, 'pulse');
        });
    });
</script>

</body>

</html>